<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ include file="../head/head.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title><spring:message code="window.account.select"/></title>
</head>
<script type="text/javascript">
var findallrole_= '<z:ukey key="findAllRole"  context="admin"/>';
var accountinfo_= '<z:ukey key="accountInfo"  context="admin"/>';
</script>

<script type="text/javascript"
	src="<%=localServer%>/page/app/accountinfo.js"></script>
</head>
<body>
	<table id="accountList" toolbar="#account_list_button">

		<thead>
			<tr>
				<th field="ck" checkbox="true"></th>
				<th field="id" width="80" align="center"><spring:message code="lable.id"/></th>
				<th field="account" width="80" align="center"><spring:message code="lable.account.account"/></th>
				<th field="accountNm" width="80" align="center"><spring:message code="lable.account.accountnm"/></th>
				<th field="userMobile" width="80" align="center"><spring:message code="lable.account.usermobile"/></th>
				<th field="userEmail" width="80" align="center"><spring:message code="lable.account.useremail"/></th>
				<th field="roles" width="80" align="center"><spring:message code="lable.account.arrelations"/></th>
				<th field="status" width="150" align="center"><spring:message code="lable.account.status"/></th>
			</tr>
		</thead>
	</table>
	<div id="account_list_button" style="height: auto">
		<input type="hidden" value="0" id="selectCount">
		<!--用于存放选中的项  -->
		<div style="width: 610px;height: 25px; overflow: auto;">
				<span><spring:message code="lable.account.selectaccount"/></span><span style="padding-left: 390px"><a
					href="javascript:void(0)" class="easyui-linkbutton"
					iconCls="icon-ok" plain="true" onClick="checkSelect()"><spring:message code="button.submit"/></a><a
					href="javascript:void(0)" class="easyui-linkbutton"
					iconCls="icon-cancel" plain="true" onClick="checkRemoveAll()"><spring:message code="button.clear"/></a></span>
			</div>
		<div id="selectValue"
			style="width: 600px; height: 40px; border-bottom: 1px dashed #000; overflow: auto;">
		</div>
		<div id="unSelectValue" style="display: none"></div>

		<table>
			<!-- 用于显示所选择的项目 
		<tr><td colspan="6" height="auto"></td></tr>-->
			<tr>
				<td height="24" nowrap="nowrap"><spring:message code="lable.account.account"/></td>
				<td nowrap="nowrap"><input id="account"
					style="line-height: 18px; border: 1px solid #ccc" /></td>
				<td nowrap="nowrap"><spring:message code="lable.account.usermobile"/></td>
				<td nowrap="nowrap"><input id="userMobile"
					style="line-height: 18x; border: 1px solid #ccc" /></td>
				<td nowrap="nowrap"><spring:message code="lable.account.useremail"/></td>
				<td nowrap="nowrap"><input id="userEmail"
					style="line-height: 18x; border: 1px solid #ccc"
					class="easyui-validatebox" validType="email" /></td>
			</tr>
			<tr>
				<td nowrap="nowrap"><spring:message code="lable.account.arrelations"/></td>
				<td nowrap="nowrap">
				<select id="roles" name = "roles" multiple="true" panelHeight=120>
				</select>
				<td nowrap="nowrap"><spring:message code="lable.account.status"/></td>
				<td colspan="2" nowrap="nowrap"><input type="checkbox"
					name="status" value="DISABLE" /><spring:message code="lable.accountstate.erase"/><input type="checkbox"
					name="status" value="ACTIVE" /><spring:message code="lable.accountstate.active"/><input type="checkbox"
					name="status" value="INACTIVE" /><spring:message code="lable.accountstate.inactive"/><input type="checkbox"
					name="status" value="LOCKED" /><spring:message code="lable.accountstate.locked"/></td>
				<td nowrap="nowrap"><a href="javascript:void(0)"
					class="easyui-linkbutton" plain="true" iconCls="icon-search"
					onClick="doSearch()"><spring:message code="button.search"/></a></td>
			</tr>
		</table>
	</div>
</body>
</html>